<template>
	<div class="home">
		<top></top>
		<el-row class="main">
			<el-col :span="2" class="navbar-wrap">
				<div class="navbar">
					<el-menu default-active="0" class="navbar-ul" @open="" @click.native="" @close="">
					<router-link to="/home">
						<el-menu-item index="0"><i class="el-icon-menu"></i>主面板</el-menu-item>
					</router-link>
					<router-link to="/home/user">
						<el-menu-item index="4"><i class="el-icon-setting"></i>用户</el-menu-item>
					</router-link>
					</el-menu>
				</div>
			</el-col>
			<el-col :span="22" class="content">
				<router-view></router-view>
			</el-col>
		</el-row>
	</div>
</template>
<script>
import top from '../components/top.vue'
import dashboard from '../components/dashboard.vue'
export default {
	components:{
		top,
 dashboard
	},
	methods: {
	  
	}
}	
</script>
<style lang="less" scoped>
@import '../styles/public.less';
.home{
	width: 100%;
	height: 100%;
	.main{
		width: 100%;
		height: 100%;
		.navbar-wrap{
			height: 100%;
			.navbar{
				height: 100%;
				.navbar-ul{
					height: 100%;
				}
			}
		}
		.content{
			height: 100%;
		}
	}
}
</style>